<template>
    <fieldset>
        <legend>登入页</legend>
        用户名：
        <input type="text" v-model="username">
        <br>
        密码：
        <input type="password" v-model="password" @keydown.enter="Login">
        <button @click="Login">登入</button>
    </fieldset>
</template>

<script setup>
import {ref} from "vue"
import * as api from "../../api/users"
import {useRouter} from "vue-router"
    let username = ref("")
    let password = ref("")
    // 1.获取输入框的 用户名 密码

    // 2.发起请求 登入

    let router = useRouter()

    let Login = async()=>{
        let res = await api.loginApi(username.value,password.value)
        // 服务器会返回 token 后续请求 需带上 token  若保存本地便可随意访问后台数据
        // localStorage sessionStorage   
        if(res.data.state){
            // 缓存 token
            sessionStorage.setItem("data",res.data.token)
            // 页面跳转
            router.push("/")
        }else{
            alert(res.data.msg)
        }
        console.log(res);
    }
    // 判断是否登入
</script>